/*
* @Author: Josh
* @Date:   2019-08-14 21:35:49
* @Last Modified by:   Administrator
* @Last Modified time: 2019-08-15 00:13:46
*/

/*头部导航条*/
.ju-header {
    display      : flex;
    position     : fixed;
    box-sizing   : border-box;
    width        : 100%;
    max-width    : 640px;
    height       : 2.3rem;
    line-height  : 2.3rem;
    text-align   : center;
    top          : 0;
    z-index      : 200;
    border-bottom: 1px solid #ddd;
    background   : #f8f8f8;
}

/* 左侧功能区 */
.ju-header > .left {
    flex-basis : 3rem;
    text-align : center;
    flex-shrink: 0;
}
/* 中间标题区 */
.ju-header > .title {
    flex-grow    : 1;
    overflow     : hidden;
    white-space  : nowrap;/*文本不换行*/
    text-overflow: ellipsis;
}
/* 右侧功能区 */
.ju-header > .right {
    flex-basis : 3rem;
    flex-shrink: 0;
}